npm<template>
<!--   //电影剧情介绍-->
    <div>
      <h2 style="font-family:新宋体;margin-left: 100px">剧情介绍</h2>
            <div style="width: 1100px;height: 70px;margin-left: 100px;border: #DCDFE6 1px solid;margin-top: -20px">
            <span>{{movieInfor.fnIntro}}</span>
            </div>
            <div id="pic1">
              <img class="pic" :src="movieInfor.fnPic">
            </div>
    </div>
</template>

<script>
    export default {
        name: "MovieTimeInfor",
        data(){
            return{
                movieInfor:{
                    id:'',
                    fnId:'',
                    fnName:'',
                    fnDirector:'',
                    fnPrice:'',
                    fnActor:'',
                    fnIntro:'',
                    fnTime:'',
                    fnScore:'',
                    fnImg:'',
                    fnSence:'',
                    fnCountry:'',
                    fnType:'',
                    fnLanguage:'',
                    fnPic:''
                }
            }
        },
        methods:{
            rendering(){
                console.log(this.$route.params.onMovie);
              this.movieInfor = this.$route.params.onMovie;

            }
        },
        created() {
            this.rendering();
        }

    }
</script>

<style scoped>
.pic{
  width: 800px;
  height: 350px;
  margin-left: 0px;
}
  #pic1{
    margin-top: 10px;
    margin-left: 150px;
  }
</style>
